<?php

header('Content-Type: text/html; charset=UTF-8');

?>
<!DOCTYPE HTML>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Proyecto</title>
	<link href="../styles/style.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="../styles/base.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
	<script type="text/javascript" src="../scripts/jquery.pikachoose.js"></script>
	<script type="text/javascript">
				$(document).ready(function() {
				
					$("#pikame").PikaChoose();
					
					$("#tbn_Crereservar").click(function(){
						document.location.href = "reservacion.php";
					});
					$("#tbn_Modreservar").click(function(){
						document.location.href = "modificacion.php";
					});
					$("#tbn_Canreservar").click(function(){
						document.location.href = "cancelacion.php";
					});
                    $("#tbn_Verreservar").click(function(){
						document.location.href = "reservacion.php";
					});
				});
	</script>
	</head>
	<body>
    <div id="container">
      <header>
        <nav>
          <ul id="nav">
            <li><a href="../index.php" >Inicio</a></li>
            <li><a href="../about.php">Nosotros</a></li>
            <li><a href="../menu.php">Menú</a></li>
            <li><a href="../gallery.php">Galería</a></li>
            <li><a href="/Proyecto/PHP/reservaciones.php" class="current">Reservar</a></li>
            <li><a href="../contact.php">Contacto</a></li>
          </ul>
        </nav>
		<hgroup class="intro">
		  <h1 class="title">PILEÑAS</h1>
		  <h3 class="tagline">Su pizza a la leña y más</h3>
		</hgroup>
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
	  </header>
	  <div class="wrapper">
		<div class="clear"></div>
		<div class="border"></div>
		<article>
			<div id="opcciones" >
				
				<br>
				<h4>Elija entre las siguientes opciones</h4>
			</div>
		</article>
		<div class="border2"></div>
		<br />
               
	  </div>
	  <button id="tbn_Crereservar" type="button" class="button" >Crear reservación</button>           
          <button id="tbn_Modreservar" type="button" class="button" >Modificar reservación</button>
          <button id="tbn_Canreservar" type="button" class="button" >Cancelar reservación</button>
          <button id="tbn_Verreservar" type="button" class="button" >Verificar reservación</button>
      <footer>
          <br/>
        <div class="border"></div>
        <div class="footer-widget">
         <h4>Políticas</h4>
          <p>Las reservaciones se deben realizar con un minimo de 24 horas de anticipación, se presentar la factura impresa o llevar el número de la misma. La cancelación de las reservaciones se debe realizar con una antelación de al menos 24 horas y se cobrará solamente la mitad del precio total, en caso contrario será cobrado en su totalidad.</p>
        </div>
        <div class="footer-widget">
          <h4>Promociones</h4>
          <ul class="blog">
            <li>Las promociones son validas solamente en los días y horas especificadas.</li>
            <li>No se pueden mezclar dichas promociones.</li>
           <!-- <li><a href="#">Suspendisse In Neque</a><br/> -->
              Solamente se pueden cancelar en efectivo</li>
          </ul>
        </div>
        <div class="footer-widget">
          <h4>Buscanos!</h4>
          <div id="social"> <a href="http://twitter.com" class="s3d twitter" target="_blank"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com" class="s3d facebook" target="_blank"> Facebook <span class="icons facebook"></span> </a> <a href="http://forrst.com" class="s3d forrst" target="_blank"> Forrst <span class="icons forrst"></span> </a> <a href="http://www.flickr.com" class="s3d flickr" target="_blank"> Flickr <span class="icons flickr"></span> </a> <a href="#" class="s3d designmoo" target="_blank"> Designmoo <span class="icons designmoo"></span> </a> </div>
        </div>
        <div class="border2"></div>
        <br />
        <span class="copyright"><span class="left"><br />
        &copy; Copyright 2012 - All Rights Reserved - <a href="#">PILEÑA</a></span><span class="right"><br />
        Design by <a href="http://www.priteshgupta.com">PriteshGupta.com</a><br />
        <br>
        <br />
        </span></span></footer>
    </div>
</body>
</html>